<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Портфолио</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
	      rel="stylesheet">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Freeman&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
	      rel="stylesheet">
	<link rel="stylesheet" href="./css/main.css">
	<script defer src="js/main.js"></script>
	<script defer src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=default"></script>
</head>
<body>
<header class="header">
<nav class="nav">
	<div class="container">
		<div class="nav-row">
			<a href="./index.html" class="logo">Портфолио<strong> Фрилансера</strong></a>
			<ul class="nav-list">
				<li class="nav-list__item">
					<a href="#projects" class="nav-list__link">Проекты</a>
				</li>
				<li class="nav-list__item">
					<a href="#skills" class="nav-list__link ">Умения</a>
				</li>
				<li class="nav-list__item">
					<a href="#contacts" class="nav-list__link">Контакты</a>
				</li>
			</ul>
		</div>
	</div>
</nav>
</header>
<button class="nav header__burger-btn" id="burger">
	<span></span><span></span><span></span>
</button>
<nav class="nav__mobile">
	<ul class="nav-list__mobile">
		<li class="nav-list__item-mobile">
			<a href="#projects" class="nav-list__link">Проекты</a>
		</li>
		<li class="nav-list__item-mobile">
			<a href="#skills" class="nav-list__link ">Умения</a>
		</li>
		<li class="nav-list__item-mobile">
			<a href="#contacts" class="nav-list__link">Контакты</a>
		</li>
	</ul>
</nav>

<main class="main">
	<section class="hero">
		<div class="hero_wrapper">
			<h1 class="hero__title">
				<strong>Доброго времени суток! Меня зовут <em>Евгений,</em></strong><br>
				я фронтенд-разработчик
			</h1>
			<div class=hero__text">
				<p>в настоящее ввремя прохожу обучение в университете URBAN.</p>
			</div>
		</div>
	</section>
	
	<div class="section">
		<div class="container">
			<h2 id="projects" class="title-1">Проекты:</h2>
			<ul class="projects">
				<li class="project">
					<a href="./project-page.html" aria-label="ссылка на проект: Петербургский тенисный клуб">
						<img src="./img/projects/project-1.jpg" alt="изображение части главной страницы сайта" class="project__img">
						<h3 class="project__title">Петербургский тенисный клуб</h3>
					</a>
				</li>
				<li class="project">
					<a href="./project-page.html" aria-label="ссылка на портфолио">
						<img src="./img/projects/portfolio.png" alt="изображение части главной страницы портфолио" class="project__img">
						<h3 class="project__title">Портфолио</h3>
					</a>
				</li>
				<li class="project">
					<a href="./project-page.html" aria-label="ссылка на проект: Петербургский тенисный клуб">
						<img src="./img/projects/travels%20firm.png" alt="изображение части главной страницы сайта" class="project__img">
						<h3 class="project__title">Туры по всему миру</h3>
					</a>
				</li>
			</ul>
		</div>
		
		<div class="skills" id="skills">
			<div class="section">
				<div class="container">
					<h2 class="title-1">Умения:</h2>
					<div class="content-list">
						<div class="content-list__item">
							<h3 class="title-2">Frontend</h3>
							<p>HTML, CSS</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="contacts">
			<div class="container">
				<h2 id="contacts" class="title-1">Контакты:</h2>
				<ul class="content-list">
					<li class="content-list__item">
						<h3 class="title-2">Местоположение;</h3>
						<p>г. Барнаул, Россия</p>
					</li>
					<li class="content-list__item">
						<h3 class="title-2">Telegram / WhatsApp:</h3>
						<p><a href="tel:+79609441678" aria-label="номер телефона для связи">+7 (960)-944-16-78</a></p>
					</li>
					<li class="content-list__item">
						<h2 class="title-2">Email:</h2>
						<p><a href="mailto:evgenijantonyuk@gmail.com" aria-label="адрес электронной почты">evgenijantonyuk@gmail.com</a>
						</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
</main>

<footer class="footer">
	<div class="container">
		<div class="footer__wrapper">
			<ul class="social">
				<li class="social__item" aria-label="ссылка на социальную сеть вконтакте">
					<a href="#">
						<svg width="38" height="23" viewBox="0 0 38 23" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M37.134 1.53079C37.395 0.648998 37.134 0 35.8783 0H31.7233C30.6651 0 30.1784 0.557291 29.9174 1.17807C29.9174 1.17807 27.8011 6.33478 24.8101 9.67853C23.8436 10.645 23.3992 10.9554 22.8701 10.9554C22.6091 10.9554 22.207 10.645 22.207 9.76318V1.53079C22.207 0.472639 21.9107 0 21.036 0H14.5037C13.8406 0 13.4455 0.493803 13.4455 0.952334C13.4455 1.95405 14.9411 2.18684 15.0963 5.00857V11.1317C15.0963 12.472 14.8564 12.7189 14.3273 12.7189C12.9165 12.7189 9.48806 7.54107 7.45642 1.61544C7.04727 0.465586 6.64517 0 5.57997 0H1.42497C0.239847 0 0 0.557291 0 1.17807C0 2.27855 1.41086 7.74565 6.56757 14.9693C10.003 19.9002 14.8423 22.5738 19.2442 22.5738C21.8896 22.5738 22.2141 21.9813 22.2141 20.9584C22.2141 16.2461 21.9742 15.8017 23.3004 15.8017C23.9142 15.8017 24.9723 16.1121 27.4413 18.4894C30.263 21.3111 30.7286 22.5738 32.3088 22.5738H36.4638C37.6489 22.5738 38.2485 21.9813 37.9029 20.8103C37.1128 18.3483 31.7727 13.2833 31.5328 12.9447C30.9191 12.1546 31.0955 11.8019 31.5328 11.0965C31.5399 11.0894 36.6119 3.95042 37.134 1.53079Z"
							      fill="white"/>
						</svg>
					</a>
				</li>
				
				<li class="social__item" aria-label="ссылка на социальную сеть телеграмм">
					<a href="https://t.me/Evgenij_Antonyuk" target="_blank">
						<svg fill="#FFFFFF" xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 64 64" width="48px" height="48px"><path d="M 32 10 C 19.85 10 10 19.85 10 32 C 10 44.15 19.85 54 32 54 C 44.15 54 54 44.15 54 32 C 54 19.85 44.15 10 32 10 z M 32 14 C 41.941 14 50 22.059 50 32 C 50 41.941 41.941 50 32 50 C 22.059 50 14 41.941 14 32 C 14 22.059 22.059 14 32 14 z M 41.041016 23.337891 C 40.533078 23.279297 39.894891 23.418531 39.181641 23.675781 C 37.878641 24.145781 21.223719 31.217953 20.261719 31.626953 C 19.350719 32.014953 18.487328 32.437828 18.486328 33.048828 C 18.486328 33.478828 18.741312 33.721656 19.445312 33.972656 C 20.177313 34.234656 22.023281 34.79275 23.113281 35.09375 C 24.163281 35.38275 25.357344 35.130844 26.027344 34.714844 C 26.736344 34.273844 34.928625 28.7925 35.515625 28.3125 C 36.102625 27.8325 36.571797 28.448688 36.091797 28.929688 C 35.611797 29.410688 29.988094 34.865094 29.246094 35.621094 C 28.346094 36.539094 28.985844 37.490094 29.589844 37.871094 C 30.278844 38.306094 35.239328 41.632016 35.986328 42.166016 C 36.733328 42.700016 37.489594 42.941406 38.183594 42.941406 C 38.877594 42.941406 39.242891 42.026797 39.587891 40.966797 C 39.992891 39.725797 41.890047 27.352062 42.123047 24.914062 C 42.194047 24.175062 41.960906 23.683844 41.503906 23.464844 C 41.365656 23.398594 41.210328 23.357422 41.041016 23.337891 z"/></svg>
					</a>
				</li>
				
				<li class="social__item" aria-label="ссылка на репозиторий гитверс">
					<a href="https://gitverse.ru/dashboard" target="_blank">
					<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
					     width="28.000000pt" height="28.000000pt" viewBox="0 0 180.000000 180.000000"
					     preserveAspectRatio="xMidYMid meet">
						<g transform="translate(0.000000,180.000000) scale(0.100000,-0.100000)"
						   fill="#fff" stroke="none">
							<path d="M1463 1745 c-49 -25 -103 -75 -169 -159 l-31 -40 -59 22 c-88 32
-181 52 -251 52 l-61 0 -36 50 c-41 58 -88 90 -130 90 -46 0 -101 -62 -117
-134 -12 -55 -15 -59 -56 -77 -127 -54 -269 -176 -347 -297 -90 -138 -126
-260 -126 -425 0 -141 20 -228 82 -357 46 -95 61 -115 152 -205 83 -83 117
-109 192 -148 148 -75 221 -92 404 -91 142 0 162 2 240 28 334 109 554 383
577 718 6 91 -8 209 -33 281 -12 35 -13 68 -3 212 22 328 -21 487 -138 501
-28 4 -51 -1 -90 -21z m127 -42 c48 -44 62 -110 62 -303 0 -91 -6 -205 -13
-255 -7 -53 -13 -200 -13 -355 -1 -301 2 -289 -96 -422 -93 -126 -269 -242
-429 -283 -146 -37 -324 -29 -465 22 -117 42 -116 40 -55 76 30 16 99 64 154
106 163 124 268 162 466 164 65 1 115 5 113 8 -2 3 -32 12 -66 20 -75 16 -182
17 -413 5 -152 -8 -177 -7 -225 9 -87 28 -201 91 -255 140 l-50 45 40 -16 c22
-9 85 -33 140 -52 89 -32 111 -36 201 -36 96 -1 103 0 178 37 43 22 76 40 74
42 -2 2 -28 -3 -58 -12 -75 -20 -232 -12 -325 17 -113 35 -221 89 -234 117
-20 43 -12 59 43 102 50 39 65 60 81 117 8 31 -19 54 -63 54 -20 0 -55 6 -77
12 -40 12 -40 12 50 19 50 4 140 7 200 8 127 1 107 -8 272 128 126 103 172
123 283 123 l66 0 78 114 c96 142 178 233 231 257 54 25 69 24 105 -8z m-815
-5 c37 -29 89 -112 131 -209 18 -45 34 -84 34 -89 0 -4 -27 -10 -60 -14 -74
-9 -121 -27 -185 -75 -85 -63 -79 -69 -71 70 12 209 31 293 75 326 24 18 45
16 76 -9z m113 -367 c-1 -5 -59 -52 -127 -105 -119 -92 -125 -96 -174 -96 -29
0 -47 4 -42 9 35 31 226 169 255 183 36 19 94 24 88 9z m-628 -523 c0 -27 -2
-48 -6 -48 -11 0 -34 71 -34 107 l0 38 20 -25 c13 -17 20 -41 20 -72z"/>
							<path d="M1429 1463 c-24 -26 -59 -71 -77 -100 l-33 -52 78 -75 c43 -41 81
-72 85 -68 15 15 49 218 46 276 -3 57 -5 61 -29 64 -19 2 -36 -8 -70 -45z"/>
							<path d="M895 1110 c-22 -43 -19 -68 14 -101 48 -48 120 -37 146 23 18 45 9
64 -45 87 -69 30 -96 28 -115 -9z"/>
						</g>
					</svg>
				</a>
				</li>
			</ul>
			<div class="copyright">
				<p>© 2024</p>
			</div>
		</div>
	</div>
</footer>

</body>
</html>
